﻿<!DOCTYPE html>

<html lang="zh-hans" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>

    <style>
        html, body {
            overflow: hidden;
        }
        #openseadragon1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>
</head>
<body oncontextmenu="return false">
    <div id="openseadragon1"></div>

    <script src="./openseadragon.min.js"></script>
    <script>
        function getQueryStringByName(name) {
            var result = location.search.match(new RegExp('[\?\&]' + name + '=([^\&]+)', 'i'));
            if (result == null || result.length < 1) {
                return '';
            }
            return result[1];
        }

        var id = getQueryStringByName('id');
        if (id.length > 0) {
            var viewer = OpenSeadragon({
                id: "openseadragon1",
                tileSources: '/deepzoom/' + id + '.dzi',
                showNavigationControl: false,
                showNavigator: true,
                constrainDuringPan: true
            });
        }
    </script>

</body>
</html>
